<!DOCTYPE html> 
<html> 
<head> 
    <title>Remote Video</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="res/jquery.mobile-1.1.1.min.css" />
    <link rel="stylesheet" href="extern.css">
    <script src="res/jquery-1.7.1.min.js"></script>
    <script src="res/jquery.mobile-1.1.1.min.js"></script>
    <script src="res/jquery.waitforimages.min.js"></script>
    <script src="flowplayer-3.2.11.min.js"></script>
    <script src="droideye.js"></script>
</head> 
<body> 

<!-- 
/*********************************************************
 * Main page 
 *
 *********************************************************/
-->
<div data-role="page" data-title="login" id="page_main" data-theme="c" >
    <div data-role="content">
        <ul data-role="listview" data-inset="true" >
            <li>
                <div class="live_image_box" id="video_plane">
                    <img id="live_image" src="images/black.png">
                </div>
                <div>
                    <div id="player" style="display:block;height:32px;"></div>   
                </div>    
            </li>
            <li data-role="fieldcontain" class="center">
                <div class="center">
                    <span>Video size:</span>
                    <select name="resolution-choice" id="resolution-choice" data-native-menu="false">
                    </select>
                    <input type="checkbox" id="checkbox-audio" class="custom" />
                    <label for="checkbox-audio">Enable Audio</label>
                    <input id="btn_play" type="button" value="Play Video"/>
                </div>
            </li>
        </ul>
        <!-- for debug -->
        <div id="bottom_div">
            <span id="debug_msg">Connecting...</span>
        </div>
    </div><!-- /content -->  

</div><!-- page -->

</body>
</html>
